<template>
  <div>
    <header>
      
    </header>
    <main>

      <router-view></router-view>
      
    </main>
    <nav>
      <van-tabbar v-model="active" active-color="#f56" route placeholder>
        <van-tabbar-item to="/home">首页</van-tabbar-item>
        <van-tabbar-item to="/shop">商城</van-tabbar-item>
        <van-tabbar-item to="/live">直播</van-tabbar-item>
        <van-tabbar-item to="/self">我</van-tabbar-item>
      </van-tabbar>
    </nav>
  </div>
</template>

<script>

export default {
  data(){
    return {
       active: 0
    }
  },
  methods: {
    
  }
}
</script>

<style  lang="stylus">
html
body
  weight 100%
  height 100%
  .van-search
    padding 10px
    .iconleft
      padding-right 8px

  .van-tabbar
    height 44px
    
    .van-tabbar-item
      font-size 14px


</style>

